<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html class="x-admin-sm">
<head>
<jsp:include page="../base_head.jsp"></jsp:include>
</head>

<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"> <a href="">首页</a> <a href="">演示</a>
			<a> <cite>导航元素</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			onclick="location.reload()" title="刷新"> <i
			class="layui-icon layui-icon-refresh" style="line-height: 30px"></i></a>
	</div>
	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">
						<button class="layui-btn layui-btn-danger" onclick="delAll()">
							<i class="layui-icon"></i>批量删除
						</button>
						<button class="layui-btn"
							onclick="xadmin.open('添加用户','./reply_addpage.do',600,600)">
							<i class="layui-icon"></i>添加
						</button>
					</div>
					<div class="layui-card-body layui-table-body layui-table-main">
						<table class="layui-table layui-form">
							<thead>
								<tr>
									<th><input type="checkbox" lay-filter="checkall" name=""
										lay-skin="primary"></th>
									<th>ID</th>
									<th>标题</th>
									<th>用户名</th>
									<th>回复时间</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach var="rInfo" items="${requestScope.rList }">
									<tr>
										<td><input type="checkbox" name="ck" value="${rInfo.reply_id }"
											lay-skin="primary"></td>
										<td>${rInfo.reply_id }</td>
										<td>${rInfo.message_title }</td>
										<td>${rInfo.user_name }</td>
										<td>${rInfo.creat_time }</td>
										<td class="td-manage">
											<a title="编辑"
												onclick="xadmin.open('编辑','reply_updatepage.do?id=${rInfo.reply_id }',600,600)"
												href="javascript:;"> 
												<i class="layui-icon">&#xe642;</i>
											</a> 
											<a title="删除" href="javascript:deleteClick(${rInfo.reply_id })"> 
												<i class="layui-icon">&#xe640;</i>
											</a>
										</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
					</div>
					<div class="layui-card-body ">
						<div class="page">
							<c:set var="url">
								/big-birds/reply/reply_list.do?
							</c:set>
							<div>
								<c:if test="${requestScope.newpage<=1}">
									<a class="prev" href="javascript:">&lt;&lt;</a>
								</c:if>
								<c:if test="${requestScope.newpage > 1}">
									<a class="prev" href="${url}page=${requestScope.newpage-1}">&lt;&lt;</a>
								</c:if>

								<!-- 中间显示的页码组 -->
								<c:forEach varStatus="i" begin="${requestScope.startPage }"
									end="${requestScope.endPage }">
									<c:if test="${i.index<=requestScope.totalpage }">
										<span
											class="${i.index==requestScope.newpage ? 'current' : '' }"
											onclick="location.href='${url}page=${i.index }'">
											${i.index } </span>
									</c:if>
								</c:forEach>
								<c:if test="${requestScope.newpage==requestScope.totalpage}">
									<a class="next" href="javascript:">&gt;&gt;</a>
								</c:if>
								<c:if test="${requestScope.newpage<requestScope.totalpage}">
									<a class="next" href="${url}page=${requestScope.newpage+1}">&gt;&gt;</a>
								</c:if>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script>
	layui.use([ 'laydate', 'form' ], function() {
		var laydate = layui.laydate;
		var form = layui.form;

		// 监听全选
		form.on('checkbox(checkall)', function(data) {

			if (data.elem.checked) {
				$('tbody input').prop('checked', true);
			} else {
				$('tbody input').prop('checked', false);
			}
			form.render('checkbox');
		});

		//执行一个laydate实例
		laydate.render({
			elem : '#start' //指定元素
		});

		//执行一个laydate实例
		laydate.render({
			elem : '#end' //指定元素
		});

	});

	/*用户-删除*/
	function deleteClick(reply_id){
		var rs = confirm("确认删除吗？");
		if(rs){//用户选择了“确定”
			location.href="/big-birds/reply/reply_delete.do?replyid="+reply_id;
		}
	  }

	function delAll(argument) {
		var ids = [];

		// 获取选中的id 
		$('tbody input').each(function(index, el) {
			if ($(this).prop('checked')) {
				ids.push($(this).val())
			}
		});

		layer.confirm('确认要删除吗？' + ids.toString(), function(index) {
			//捉到所有被选中的，发异步进行删除
			console.log(ids)
			$.post(
				"reply_deleteall.do",
				{
					replyids:ids.toString(),
				},
				function(res){
					if(res=="1"){
                		layer.alert("删除成功", {
                            icon: 1
                        },
                        function() {
                            parent.location.reload()
                        });
                	}else{
                		alert("删除失败");
                	}
				}
				
			);
			
			
		});
	}
</script>
</html>